<template>
  <div>
    <h3 style="text-align:center" color="red">发布新课程</h3>
    <el-steps :active="active" simple>
      <el-step title="填写课程基本信息" icon="el-icon-edit"/>
      <el-step title="创建课程大纲" icon="el-icon-upload"/>
      <el-step title="发布课程" icon="el-icon-picture"/>
    </el-steps>

    <step1 v-if="active===0"/>
    <step2 v-if="active===1"/>
    <coursePublish v-if="active===2"/>
  </div>
</template>

<script>
import step1 from '@/views/course/componets/step1'
import step2 from '@/views/course/componets/step2'
import coursePublish from '@/views/course/componets/step3'
export default {
  components: {
    step1,
    step2,
    coursePublish
  },
  data() {
    return {
      courseId: '',
      active: 0
    }
  }
}
</script>

